doctype html
html
    head
        link(rel="icon" href="/Favicon.ico" type="image/x-icon")
        link(rel='stylesheet',type='text/css',href='stylesheets/yicheng.css')
        script(type="text/javascript" src="javascripts/jQueryMytable.js")
        title 翼程
        body
            .header(style="height:40px;background:black;")
                button 调整模式
            table(id="table2",style="border-bottom-color: black; border-top-color: black; width: 3000px; color: #000000; border-right-color: black; font-size: medium; border-left-color: black" border="1" cellspacing="0" cellpadding="0")
                thead
                    tr
                        th(colspan="38",style="height:60px;text-align:left;font-size:20px;font-weight:700;") 物流发展事业部2018年6月份3级巴经营会计损益表（武汉合资项目部）
                    tr
                        th(colspan="38",style="text-align:left;") 金额单位：万元
                    tr
                        th(rowspan="4") 一级科目
                        th(rowspan="4") 二级科目
                        th(rowspan="4") 三级科目
                        th.bgkeee(colspan="6") 公司2017年度
                        th.bgkc(colspan="7") 公司2018年度
                        th.bgkcd(colspan="4") 2018年5月份
                        th.bgkcd(colspan="13") 2018年6月份
                        th.bgkac(colspan="2") 2018年7月份
                        th
                        th
                        th
                    tr
                        th.bgkeee(colspan="4",rowspan="2") 实际(6月份)
                        th.bgkeee(colspan="2",rowspan="2") 实际(1-6月份累计)
                        th.bgkc(colspan="2",rowspan="2") 计划(年度预算)
                        th.bgkc(colspan="5",rowspan="2") 实际(1-6月份累计)
                        th.bgkcd(colspan="4",rowspan="2") 实际
                        th.bgkcd(colspan="2",rowspan="2") 计划
                        th.bgkcd(colspan="5",rowspan="2") 实际
                        th.bgkcd(colspan="6") 差异
                        th.bgkac(colspan="2",rowspan="2") 计划
                        th
                        th
                        th
                    tr
                        th.bgkcd(colspan="2") 环比
                        th.bgkcd(colspan="2") 同比
                        th.bgkcd(colspan="2") 计划比
                        th
                        th
                        th
                    tr
                        th.bgkeee 抓取
                        th.bgkeee 调整
                        th.bgkeee 金额
                        th.bgkeee 比率
                        th.bgkeee 金额
                        th.bgkeee 比率
                        th.bgkc 金额
                        th.bgkc 比率
                        th.bgkc 金额
                        th.bgkc 比率
                        th.bgkc 完成率
                        th.bgkc 累比增减额
                        th.bgkc 累比增减率
                        th.bgkcd 抓取
                        th.bgkcd 调整
                        th.bgkcd 金额
                        th.bgkcd 比率
                        th.bgkcd 金额
                        th.bgkcd 比率
                        th.bgkcd 抓取
                        th.bgkcd 调整
                        th.bgkcd 金额
                        th.bgkcd 比率
                        th.bgkcd 完成率
                        th.bgkcd 金额
                        th.bgkcd 增降幅%
                        th.bgkcd 金额
                        th.bgkcd 增降幅%
                        th.bgkcd 金额
                        th.bgkcd 增降幅%
                        th.bgkac 金额
                        th.bgkac 比率
                        th
                        th
                        th

                    each val, index in data_field
                        each i, index1 in val
                            th= i
                tbody
                    each val, index in data_result
                        case index
                            when 14
                                tr.bgk
                                    each i, index1 in val
                                        td= i
                            when 18
                                tr.bgk
                                    each i, index1 in val
                                        td= i
                            when 24
                                tr.bgk
                                    each i, index1 in val
                                        td= i
                            when 28
                                tr.bgk
                                    each i, index1 in val
                                        td= i
                            when 30
                                tr.bgk
                                    each i, index1 in val
                                        td= i
                            when 53
                                tr.bgk
                                    each i, index1 in val
                                        td= i
                            when 54
                                tr.bgk
                                    each i, index1 in val
                                        td= i
                            when 55
                                tr.bgk
                                    each i, index1 in val
                                        td= i
                            when 75
                                tr.bgk
                                    each i, index1 in val
                                        td= i
                            when 121
                                tr.bgk
                                    each i, index1 in val
                                        td= i
                            when 122
                                tr.bgk
                                    each i, index1 in val
                                        td= i
                            when 123
                                tr.bgk
                                    each i, index1 in val
                                        td= i
                            when 129
                                tr.bgk
                                    each i, index1 in val
                                        td= i
                            when 133
                                tr.bgk
                                    each i, index1 in val
                                        td= i
                            default
                                tr
                                each i, index1 in val
                                    td= i

script.
    function FixTable(TableID, FixColumnNumber, width, height) {
        //TableID            要锁定的Table的ID
        //FixColumnNumber    要锁定列的个数
        //width              显示的宽度
        //height             显示的高度
        if ($("#" + TableID + "_tableLayout").length != 0) {
            $("#" + TableID + "_tableLayout").before($("#" + TableID));
            $("#" + TableID + "_tableLayout").empty();
        }
        else {
            $("#" + TableID).after("<div id='" + TableID + "_tableLayout' style='overflow:hidden;height:" + height + "px; width:" + width + "px;'></div>");
        }
        $('<div id="' + TableID + '_tableFix"></div>'
            + '<div id="' + TableID + '_tableHead"></div>'
            + '<div id="' + TableID + '_tableColumn"></div>'
            + '<div id="' + TableID + '_tableData"></div>').appendTo("#" + TableID + "_tableLayout");
        var oldtable = $("#" + TableID);
        var tableFixClone = oldtable.clone(true);
        tableFixClone.attr("id", TableID + "_tableFixClone");
        $("#" + TableID + "_tableFix").append(tableFixClone);
        var tableHeadClone = oldtable.clone(true);
        tableHeadClone.attr("id", TableID + "_tableHeadClone");
        $("#" + TableID + "_tableHead").append(tableHeadClone);
        var tableColumnClone = oldtable.clone(true);
        tableColumnClone.attr("id", TableID + "_tableColumnClone");
        $("#" + TableID + "_tableColumn").append(tableColumnClone);
        $("#" + TableID + "_tableData").append(oldtable);
        $("#" + TableID + "_tableLayout table").each(function () {
            $(this).css("margin", "0");
        });
        var HeadHeight = $("#" + TableID + "_tableHead thead").height();
        HeadHeight += 2;
        $("#" + TableID + "_tableHead").css("height", HeadHeight);
        $("#" + TableID + "_tableFix").css("height", HeadHeight);
        var ColumnsWidth = 0;
        var ColumnsNumber = 0;
        $("#" + TableID + "_tableColumn tr:last td:lt(" + FixColumnNumber + ")").each(function () {
            ColumnsWidth += $(this).outerWidth(true);
            ColumnsNumber++;
        });
        ColumnsWidth += 2;
        if ($.browser.msie) {
            switch ($.browser.version) {
                case "7.0":
                    if (ColumnsNumber >= 3) ColumnsWidth--;
                    break;
                case "8.0":
                    if (ColumnsNumber >= 2) ColumnsWidth--;
                    break;
            }
        }
        $("#" + TableID + "_tableColumn").css("width", ColumnsWidth);
        $("#" + TableID + "_tableFix").css("width", ColumnsWidth);
        $("#" + TableID + "_tableData").scroll(function () {
            $("#" + TableID + "_tableHead").scrollLeft($("#" + TableID + "_tableData").scrollLeft());
            $("#" + TableID + "_tableColumn").scrollTop($("#" + TableID + "_tableData").scrollTop());
        });
        $("#" + TableID + "_tableFix").css({
            "overflow": "hidden",
            "position": "relative",
            "z-index": "50",
            "background-color": "white"
        });
        $("#" + TableID + "_tableHead").css({
            "overflow": "hidden",
            "width": width - 17,
            "position": "relative",
            "z-index": "45",
            "background-color": "white"
        });
        $("#" + TableID + "_tableColumn").css({
            "overflow": "hidden",
            "height": height - 17,
            "position": "relative",
            "z-index": "40",
            "background-color": "white"
        });
        $("#" + TableID + "_tableData").css({
            "overflow": "scroll",
            "width": width,
            "height": height,
            "position": "relative",
            "z-index": "35"
        });
        if ($("#" + TableID + "_tableHead").width() > $("#" + TableID + "_tableFix table").width()) {
            $("#" + TableID + "_tableHead").css("width", $("#" + TableID + "_tableFix table").width());
            $("#" + TableID + "_tableData").css("width", $("#" + TableID + "_tableFix table").width() + 17);
        }
        if ($("#" + TableID + "_tableColumn").height() > $("#" + TableID + "_tableColumn table").height()) {
            $("#" + TableID + "_tableColumn").css("height", $("#" + TableID + "_tableColumn table").height());
            $("#" + TableID + "_tableData").css("height", $("#" + TableID + "_tableColumn table").height() + 17);
        }
        $("#" + TableID + "_tableFix").offset($("#" + TableID + "_tableLayout").offset());
        $("#" + TableID + "_tableHead").offset($("#" + TableID + "_tableLayout").offset());
        $("#" + TableID + "_tableColumn").offset($("#" + TableID + "_tableLayout").offset());
        $("#" + TableID + "_tableData").offset($("#" + TableID + "_tableLayout").offset());
    }
    //判断是否为数字
    function isRealNum(val) {
        // isNaN()函数 把空串 空格 以及NUll 按照0来处理 所以先去除
        if (val === "" || val == null) {
            return false;
        }
        if (!isNaN(val)) {
            return true;
        } else {
            return false;
        }
    }
        var tbwidth=document.body.clientWidth;
        var tbheight=document.documentElement.clientHeight-5;
        FixTable("table2", 3, tbwidth, tbheight);
        
        
        
    $(document).ready(function () {
        window.onresize = function(){
            tbwidth=document.body.clientWidth;
            tbheight=document.documentElement.clientHeight-5;
            alert(tbwidth)
            alert(tbheight)
            FixTable("table2", 3, tbwidth, tbheight);
        };
        
        //修改单元格的值
        $("#table2 td").click(function () {
            console.log($(this).parent("tr").children("td").eq(1).text());
            var Num = $(this).parents("tr").find("td").index($(this));
            console.log($("#table2>thead>tr").eq(6).children("th").eq(Num).text());
            var valnum = prompt("请输入修改的值");
            var data1 = JSON.stringify({
                username: 655,
                password: 565
            });
            if(isRealNum(valnum)){
                $.ajax({
                    type: 'POST',
                    url: "/yicheng",
                    data: data1,
                    success: function (res) {
                        if (res.allowLogin) {
                            location.href = "/yicheng";
                            return;
                        }
                        alert("用户名密码输入错误");
                    }
                });
            }else {
                alert("您输入的数字有误请重新输入");
            }
        })
    });
